@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* ????????? */
img{border:0;}
.header{height:123px; background:#0071b9;}
.header_in{width:1000px; margin:auto;}
.topline{height:28px; overflow:hidden;}
.lan{float:right; height:28px; padding:0 10px; line-height:28px; color:#FFF; background:#97be0d;}
.lan li{ float:left;}
.lan li a{color:#FFF; padding:0 10px;}
.lan li a:hover{color:#0071b9;}
.hotline{float:right; color:#FFF; line-height:28px; padding-right:20px;}
.hotline strong{ font-size:18px;}

.logo{float:left;}

.i_nav{float:right; height:29px; margin-top:30px;}
/*.i_nav li{float:left; padding:0 0 0 50px; height:29px; text-align:center;}
.i_nav li > a{display:block; color:#FFF; height:27px; line-height:27px; font-size:15px; padding:0 1px; text-align:center; border-bottom:2px solid #0071b9;}
.i_nav li > a:hover{color:#FFF; font-weight:bold; border-bottom:2px solid #8ed90c;}
.i_nav li > a.on{color:#FFF; font-weight:bold; border-bottom:2px solid #8ed90c;}*/

.i_banner_box{position:relative; width:100%; height:550px; overflow:hidden;}
.i_banner{display: inline; float: left;}


.i_container{overflow:hidden;}

.i_box01{padding:50px 0; background:#fafafa; overflow:hidden;}
.i_box02{padding:50px 0;  overflow:hidden;}
.i_box03{padding:50px 0; background:#2c99de; overflow:hidden;}
.i_box04{padding:50px 0; background:url(../Images/bg01.jpg) repeat-x center top; overflow:hidden;}
.i_box05{padding:50px 0; background:#f8f7f7; overflow:hidden;}

.i_video{float:left; width:357px;}
.i_video_c{ margin-top:22px;}

.i_news01{float:right; width:515px;}
.i_news01_f{ margin-top:18px; padding-bottom:13px; background:url(../Images/icon01.jpg) repeat-x left bottom;}
.i_news01_f h4{ display:block; height:25px; line-height:25px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_f h4 a{ color:#2d2c2c;}
.i_news01_f span{ display:block; line-height:24px; padding-top:16px; color:#626262; height:48px; overflow:hidden;}
.i_news01_f span a{color:#68d50c;}
.i_news01_f a:hover{ color:#0071b9;}
.i_news01_l{ margin-top:10px; color:#626262;}
.i_news01_l li{height:36px; line-height:36px;}
.i_news01_l li a{ display:block; float:left; width:420px; text-indent:15px; background:url(../Images/icon02.jpg) no-repeat 4px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_l li span{ display:block; float:right; width:85px; text-align:right;}

.txt01{ margin-top:17px; color:#979994; line-height:24px; text-align:center;}

.i_guangjia{width:960px; margin:0 auto 0; position:relative;}
.i_guangjia dl{float:left; width:220px; height:96px; padding:0 30px 0 70px; margin-top:50px;}
.i_guangjia dl.i_gj01{ background:url(../Images/icon_gj01.png) no-repeat left 4px;}
.i_guangjia dl.i_gj02{width:220px; background:url(../Images/icon_gj02.png) no-repeat left 4px;}
.i_guangjia dl.i_gj03{background:url(../Images/icon_gj03.png) no-repeat left 4px;}
.i_guangjia dl.i_gj04{ background:url(../Images/icon_gj04.png) no-repeat left 4px;}
.i_guangjia dl.i_gj05{width:220px; background:url(../Images/icon_gj05.png) no-repeat left 4px;}
.i_guangjia dl.i_gj06{background:url(../Images/icon_gj06.png) no-repeat left 4px;}
.i_guangjia dt{ color:#252623; font-size:18px; font-weight:bold;}
.i_guangjia dd{ color:#979994; padding-top:4px; line-height:25px;}

.i_yingji{ width:465px; padding-right:475px; padding-top:20px; min-height:347px; background:url(../temp/img01.jpg) no-repeat right top;}
.i_yingji_c{ color:#262723; line-height:25px; margin-top:20px;}


.i_case{width:960px; margin:0 auto 0; position:relative;}
.i_case_l{width:960px; margin-top:40px; overflow:hidden;}
.i_case_l ul{width:5000px; overflow:hidden;}
.i_case_l li{float:left; width:296px; display:inline; margin-right:36px;}
.i_case_l li img{width:296px; height:269px;}
.i_case_l li span{width:296px; display:block; height:50px; line-height:50px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_case_l li span a{ color:#FFF;}
.i_case_l li span a:hover{color:#97be0d;}

.i_ys{width:960px; margin:0 auto; padding:50px 0;}
.i_ys dl{ margin-top:50px; height:462px;}
.i_ys dl dt{float:left; width:462px; height:462px; overflow:hidden;}
.i_ys dl dt img{width:462px;}
.i_ys dl dd{float:right; width:440px; padding:0 0 0 58px;}
.i_ys dl dd h4{ display:block; margin-top:50px;! color:#32485f; font-size:30px; line-height:40px; height:40px;}
.i_ys dl dd ins{ display:block; margin-top:20px; color:#5b6d7f; font-size:20px; line-height:36px; text-decoration:none;}
.i_ys dl dd span{ display:block; margin-top:40px; color:#293846; line-height:30px; text-decoration:none;}
.i_ys dl.i_ysd dt{float:right;}
.i_ys dl.i_ysd dd{float:left; width:498px; padding:0;}

.i_about{position:relative; width:960px; margin:0 auto; min-height:270px;}
.i_about_i{ position:absolute; right:0; top:0;}
.i_about_c{width:590px; line-height:23px; margin-top:20px; color:#FFF;}

.i_links{width:960px; margin:0 auto; overflow:hidden;}
.i_links_l{margin:30px auto 0; width:960px; overflow:hidden;}
.i_links_l ul{width:5000px; overflow:hidden;}
.i_links_l li{float:left; display:inline; margin-right:33px; width:163px; height:64px; border:1px solid #e9e8e8; background:#FFF; text-align:center;}
.i_links_l li img{ width:163px; height:64px;}

.footer{overflow:hidden; background:#e8e8e8;}
.fbox{padding:50px 0; width:940px; margin:0 auto;}

.flogo{float:left; width:320px; overflow:hidden;}
.fcontact{float:left; width:360px; line-height:24px; overflow:hidden;}
.fewm{float:right; padding:0 10px; text-align:center;}
.fewm span{ display:block; padding-top:10px; line-height:20px;}
.footer_nav{ border-top:1px solid #c1c1c1; color:#333; text-align:center; padding-top:20px; line-height:25px;}
.copyright{text-align:center; line-height:25px;}
.jsq{text-align:center; padding-bottom:20px; line-height:25px;}
/* ?????????? */

/* ????????? */
.p_container{padding:35px 0; overflow:hidden; width:940px;}

.p_left{float:left; width:230px; background:#2f88da; overflow:hidden;}
.p_right{float:right; width:710px; overflow:hidden;}

.p_container1{padding:35px 0; overflow:hidden; width:1050px;}
.p_container1 .p_right{float:right; width:820px; overflow:hidden;}
/*.sidebar{width:230px; margin-top:30px; padding-bottom:50px;}
.sidebar li{height:50px; line-height:50px;}
.sidebar li a{display:block; height:50px; padding-left:55px; color:#FFF; border-left:5px solid #2f88da; background:#2f88da;}
.sidebar li a:hover{color:#202020; border-left:5px solid #97be0d; background:#FFF;}
.sidebar li a.on{color:#202020; border-left:5px solid #97be0d; background:#FFF;}*/

.pl_contact{padding:25px 0 25px 50px; margin:0 auto; width:150px; text-align:left; color:#FFF; border-top:1px solid #4c9ee9; font-style:italic; background:url(../Images/icon04.png) no-repeat left center;}
.pl_contact ins{display:block; height:18px; line-height:18px; overflow:hidden; text-decoration:none; font-size:12px;}
.pl_contact span{display:block; height:21px; line-height:21px; font-size:20px; overflow:hidden; font-weight:bold;}

.ad01{padding:0 0 50px 0; margin:0 auto; width:200px;}

.p_path{line-height:63px; height:63px; padding-left:40px; background:#f8f6f2; border-bottom:1px solid #e2e1dd; color:#515151;}
.p_path a{color:#515151; adding:0 10px;}
.p_path a:hover{ color:#0071b9;}
.p_path ins{ display:inline-block; background:url(../Images/icon05.png) no-repeat left center;}

.p_content{padding:20px 0 20px 40px; line-height:25px;}
/* ?????????? */
.i_left{ float:left;}
.i_right{ float:right;}

#banner1{background:url(../Images/banner1en.jpg) repeat-x left bottom;}
#banner2{background:url(../Images/p_banner7e.jpg) repeat-x left bottom;}
#banner3{background:url(../Images/q7_banner.jpg) repeat-x left bottom;}